/* 消去默认样式 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style-type: none;
}

#root{
    width: 100vw;
    height: 100vh;
}

.white{
    background-color: rgb(213, 37, 37);
}

.black{
    background-color: black;
}

.header{
    display: flex;
    justify-content: space-around; 
}

.header_ul{
    margin-top: 6vh;
    width: 80vw;
    height: 10vh;
    background-color: rgb(112, 105, 93);
    font-size: 6vh;
    line-height: 10vh;
    display: flex;
    justify-content: space-around;
}

ul li{
    background-color: beige;
    width: 10vw;
}

ul li>ul{
    background-color: rgb(90, 62, 21);
    /* display: none; */
}

ul li:hover ul{
    background-color: rgb(25, 39, 101);
    display: block;
}